<!DOCTYPE HTML>
<html>

<head>
	<link rel="bookmark"  type="image/x-icon"  href="/img/logo.png"/>
	<link rel="shortcut icon" href="/img/logo.png">
	
			    <title>
    Zombie
    </title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="/css/mic_main.css" />
    <link rel="stylesheet" href="/css/dropdownMenu.css" />
    <meta name="keywords" content="JavaScript,CSS,美食" />
    
    	<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
	 
    <noscript>
        <link rel="stylesheet" href="/css/noscript.css" />
    </noscript>
    <style type="text/css">
        body:before {
          content: ' ';
          position: fixed;
          top: 0;
          background: url('/img/bg.jpg') center 0 no-repeat;
          right: 0;
          bottom: 0;
          left: 0;
          background-size: cover; 
        }
    </style>

			    
  
    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
        tex2jax: {
          inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
          processEscapes: true,
          skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
        }
      });
    </script>

    <script type="text/x-mathjax-config">
      MathJax.Hub.Queue(function() {
        var all = MathJax.Hub.getAllJax(), i;
        for (i=0; i < all.length; i += 1) {
          all[i].SourceElement().parentNode.className += ' has-jax';
        }
      });
    </script>
    <script async type="text/javascript" src="//cdn.bootcss.com/mathjax/2.7.1/latest.js?config=TeX-AMS-MML_HTMLorMML"></script>
  


    <script src="/js/jquery.min.js"></script>
    <script src="/js/jquery.scrollex.min.js"></script>
    <script src="/js/jquery.scrolly.min.js"></script>
    <script src="/js/skel.min.js"></script>
    <script src="/js/util.js"></script>
    <script src="/js/main.js"></script>
	
<meta name="generator" content="Hexo 4.2.1"></head>
    
		
<!-- Layouts -->



<!--  代码渲染  -->
<link rel="stylesheet" href="/css/prism_coy.css" />
<link rel="stylesheet" href="/css/typo.css" />
<!-- 文章页 -->
<body class="is-loading">
    <!-- Wrapper 外包 s-->
    <div id="wrapper" class="fade-in">
        <!-- Intro 头部显示 s -->
        <!-- Intro 头部显示 e -->
        <!-- Header 头部logo start -->
        <header id="header">
    <a href="/" class="logo">Zombie</a>
</header>
        <!-- Nav 导航条 start -->
        <nav id="nav" class="special" >
            <ul class="menu links" >
			<!-- Homepage  主页  --> 
			<li >
	            <a href="/" rel="nofollow">主页</a>
	        </li>
			<!-- categories_name  分类   --> 
	        
	        <li class="active">
	            <a href="#s1">分类</a>
	                    <ul class="submenu">
	                        <li>
	                        
	                    </ul>
	        </li>
	        
	        <!-- archives  归档   --> 
	        
	        
		        <!-- Pages 自定义   -->
		        


            </ul>
            <!-- icons 图标   -->
			<ul class="icons">
                    
                    <li>
                        <a title="github" href="https://github.com/TeohR" target="_blank" rel="noopener">
                            <i class="icon fa fa-github"></i>
                        </a>
                    </li>
                    
			</ul>
</nav>

        <div id="main" >
            <div class ="post_page_title_img" style="height: 25rem;background-image: url(https://ftp.bmp.ovh/imgs/2020/08/77ea879b28f6d0c4.jpg);background-position: center; background-repeat:no-repeat; background-size:cover;-moz-background-size:cover;overflow:hidden;" >
                <a href="#" style="padding: 4rem 4rem 2rem 4rem ;"><h2 >Google Chrome 谷歌浏览器 调试被坑之路</h2></a>
            </div>
            <!-- Post -->
            <div class="typo" style="padding: 3rem;">
                <h1 id="Google-Chrome-谷歌浏览器-调试被坑之路"><a href="#Google-Chrome-谷歌浏览器-调试被坑之路" class="headerlink" title="Google Chrome 谷歌浏览器 调试被坑之路"></a>Google Chrome 谷歌浏览器 调试被坑之路</h1><p>（其实不是被坑，是太菜了）</p>
<h6 id="有时我们前端开发的时候会遇到跨域问题，需要打开谷歌浏览器的非安全模式，这样可以降低浏览器的安全性，禁用同源策略，利于开发人员本地调试。"><a href="#有时我们前端开发的时候会遇到跨域问题，需要打开谷歌浏览器的非安全模式，这样可以降低浏览器的安全性，禁用同源策略，利于开发人员本地调试。" class="headerlink" title="有时我们前端开发的时候会遇到跨域问题，需要打开谷歌浏览器的非安全模式，这样可以降低浏览器的安全性，禁用同源策略，利于开发人员本地调试。"></a>有时我们前端开发的时候会遇到跨域问题，需要打开谷歌浏览器的非安全模式，这样可以降低浏览器的安全性，禁用同源策略，利于开发人员本地调试。</h6><h6 id="下面先说如何打开Chrome的非安全模式："><a href="#下面先说如何打开Chrome的非安全模式：" class="headerlink" title="下面先说如何打开Chrome的非安全模式："></a>下面先说如何打开Chrome的非安全模式：</h6><h6 id="1-把所有已经打开的chrome窗口关闭！"><a href="#1-把所有已经打开的chrome窗口关闭！" class="headerlink" title="1.把所有已经打开的chrome窗口关闭！"></a>1.把所有已经打开的chrome窗口关闭！</h6><h6 id="2-打开cmd，按着下图的三步执行"><a href="#2-打开cmd，按着下图的三步执行" class="headerlink" title="2.打开cmd，按着下图的三步执行"></a>2.打开cmd，按着下图的三步执行</h6><p><img src="https://ftp.bmp.ovh/imgs/2020/08/e2d1bc208668dd62.jpg" alt=""></p>
<h6 id="3-之后回车就会打开非安全模式的chrome，并且浏览器会提示‘您使用的是不受支持的命令行标记：–disable-web-security。稳定性和安全性会有所下降。’（如果不提示这句话就不是非安全模式哦！）"><a href="#3-之后回车就会打开非安全模式的chrome，并且浏览器会提示‘您使用的是不受支持的命令行标记：–disable-web-security。稳定性和安全性会有所下降。’（如果不提示这句话就不是非安全模式哦！）" class="headerlink" title="3.之后回车就会打开非安全模式的chrome，并且浏览器会提示‘您使用的是不受支持的命令行标记：–disable-web-security。稳定性和安全性会有所下降。’（如果不提示这句话就不是非安全模式哦！）"></a>3.之后回车就会打开非安全模式的chrome，并且浏览器会提示‘您使用的是不受支持的命令行标记：–disable-web-security。稳定性和安全性会有所下降。’（如果不提示这句话就不是非安全模式哦！）</h6><p><img src="https://ftp.bmp.ovh/imgs/2020/08/f180f56c8d585dea.jpg" alt=""></p>
<h6 id="注意：执行cmd里第三步前，你的c盘下的Program-Files-x86-Google-Chrome-Application-这个路径下要有chrome-exe-如果没有可以将你下载的chrome-exe复制到这个路径下。"><a href="#注意：执行cmd里第三步前，你的c盘下的Program-Files-x86-Google-Chrome-Application-这个路径下要有chrome-exe-如果没有可以将你下载的chrome-exe复制到这个路径下。" class="headerlink" title="注意：执行cmd里第三步前，你的c盘下的Program Files (x86)\Google\Chrome\Application\这个路径下要有chrome.exe,如果没有可以将你下载的chrome.exe复制到这个路径下。"></a>注意：执行cmd里第三步前，你的c盘下的Program Files (x86)\Google\Chrome\Application\这个路径下要有chrome.exe,如果没有可以将你下载的chrome.exe复制到这个路径下。</h6><h5 id="现在进入正题"><a href="#现在进入正题" class="headerlink" title="现在进入正题"></a>现在进入正题</h5><h5 id="首先看你的谷歌浏览器的版本，分新，旧版本两种情况。"><a href="#首先看你的谷歌浏览器的版本，分新，旧版本两种情况。" class="headerlink" title="首先看你的谷歌浏览器的版本，分新，旧版本两种情况。"></a>首先看你的谷歌浏览器的版本，分新，旧版本两种情况。</h5><h3 id="新版本谷歌浏览器"><a href="#新版本谷歌浏览器" class="headerlink" title="新版本谷歌浏览器"></a>新版本谷歌浏览器</h3><h5 id="比如版本84-0-4147-125-（如何查看浏览器版本在文章最后）"><a href="#比如版本84-0-4147-125-（如何查看浏览器版本在文章最后）" class="headerlink" title="比如版本84.0.4147.125  （如何查看浏览器版本在文章最后）"></a>比如版本84.0.4147.125  （如何查看浏览器版本在文章最后）</h5><p><img src="https://ftp.bmp.ovh/imgs/2020/08/36b20eb4843c4aad.png" alt=""></p>
<h5 id="先打开浏览器的非安全模式，当你打开你要开发的项目时，若控制台有如下提示："><a href="#先打开浏览器的非安全模式，当你打开你要开发的项目时，若控制台有如下提示：" class="headerlink" title="先打开浏览器的非安全模式，当你打开你要开发的项目时，若控制台有如下提示："></a>先打开浏览器的非安全模式，当你打开你要开发的项目时，若控制台有如下提示：</h5><p><img src="https://ftp.bmp.ovh/imgs/2020/08/502c4343239a4d9f.png" alt=""></p>
<h5 id="点击Go-to-Issues后提示"><a href="#点击Go-to-Issues后提示" class="headerlink" title="点击Go to Issues后提示"></a>点击Go to Issues后提示</h5><p><img src="https://ftp.bmp.ovh/imgs/2020/08/94b893ea06825d2b.png" alt=""></p>
<h5 id="或者有这样提示"><a href="#或者有这样提示" class="headerlink" title="或者有这样提示"></a>或者有这样提示</h5><p><img src="https://ftp.bmp.ovh/imgs/2020/08/a0c540a7d04d4533.png" alt=""></p>
<h5 id="这种情况在浏览器地址栏输入chrome-flags"><a href="#这种情况在浏览器地址栏输入chrome-flags" class="headerlink" title="这种情况在浏览器地址栏输入chrome://flags/"></a>这种情况在浏览器地址栏输入chrome://flags/</h5><h5 id="找到SameSite-by-default-cookies-和-Cookies-without-SameSite-must-be-secure-（直接在搜索框搜SameSite就能出来），将这两项设为Disabled，然后点击底部的Relaunch按钮，就会重新打开浏览器，再打开项目应该就没问题了（有的时候设为Disabled后刷新一下浏览器再点击Relaunch才有效果）"><a href="#找到SameSite-by-default-cookies-和-Cookies-without-SameSite-must-be-secure-（直接在搜索框搜SameSite就能出来），将这两项设为Disabled，然后点击底部的Relaunch按钮，就会重新打开浏览器，再打开项目应该就没问题了（有的时候设为Disabled后刷新一下浏览器再点击Relaunch才有效果）" class="headerlink" title="找到SameSite by default cookies 和 Cookies without SameSite must be secure （直接在搜索框搜SameSite就能出来），将这两项设为Disabled，然后点击底部的Relaunch按钮，就会重新打开浏览器，再打开项目应该就没问题了（有的时候设为Disabled后刷新一下浏览器再点击Relaunch才有效果）"></a>找到SameSite by default cookies 和 Cookies without SameSite must be secure （直接在搜索框搜SameSite就能出来），将这两项设为Disabled，然后点击底部的Relaunch按钮，就会重新打开浏览器，再打开项目应该就没问题了（有的时候设为Disabled后刷新一下浏览器再点击Relaunch才有效果）</h5><p>像这样（这个图是在某位大佬博客里截的，因为我的浏览器不是新版的，无法截图，先借用一下）</p>
<p><img src="https://ftp.bmp.ovh/imgs/2020/08/869f921a95f8e926.jpg" alt=""></p>
<h5 id="这种情况到此就结束了，如果有问题可以与我联系，看看能不能帮各位大佬解答。"><a href="#这种情况到此就结束了，如果有问题可以与我联系，看看能不能帮各位大佬解答。" class="headerlink" title="这种情况到此就结束了，如果有问题可以与我联系，看看能不能帮各位大佬解答。"></a>这种情况到此就结束了，如果有问题可以与我联系，看看能不能帮各位大佬解答。</h5><h3 id="旧版本谷歌浏览器"><a href="#旧版本谷歌浏览器" class="headerlink" title="旧版本谷歌浏览器"></a>旧版本谷歌浏览器</h3><h5 id="如果是旧版本比如我用的72-0-3626-119"><a href="#如果是旧版本比如我用的72-0-3626-119" class="headerlink" title="如果是旧版本比如我用的72.0.3626.119"></a>如果是旧版本比如我用的72.0.3626.119</h5><p><img src="https://ftp.bmp.ovh/imgs/2020/08/dc352e5ed301ca94.jpg" alt=""></p>
<h5 id="直接打开浏览器的非安全模式就可以了。"><a href="#直接打开浏览器的非安全模式就可以了。" class="headerlink" title="直接打开浏览器的非安全模式就可以了。"></a>直接打开浏览器的非安全模式就可以了。</h5><h3 id="最后，如果你的浏览器是最新的版本，用以上方法无效的话，建议卸载新版本，安装旧版本吧"><a href="#最后，如果你的浏览器是最新的版本，用以上方法无效的话，建议卸载新版本，安装旧版本吧" class="headerlink" title="最后，如果你的浏览器是最新的版本，用以上方法无效的话，建议卸载新版本，安装旧版本吧"></a>最后，如果你的浏览器是最新的版本，用以上方法无效的话，建议卸载新版本，安装旧版本吧</h3><p>（因为我就是这样，新版本方法用了半个月就失效了，只能重新下载旧版本）</p>
<h5 id="查看浏览器版本方法："><a href="#查看浏览器版本方法：" class="headerlink" title="查看浏览器版本方法："></a>查看浏览器版本方法：</h5><p><img src="https://ftp.bmp.ovh/imgs/2020/08/5b84bcdafd6e2842.png" alt=""></p>
<p>各版本浏览器下载地址：<a href="https://www.portablesoft.org/google-chrome-legacy-versions/" target="_blank" rel="noopener">https://www.portablesoft.org/google-chrome-legacy-versions/</a><br>有关cookie和SameSite知识可以参考<br><a href="https://www.jianshu.com/p/dd73c27ab8d6" target="_blank" rel="noopener">https://www.jianshu.com/p/dd73c27ab8d6</a><br><a href="http://www.ruanyifeng.com/blog/2019/09/cookie-samesite.html" target="_blank" rel="noopener">http://www.ruanyifeng.com/blog/2019/09/cookie-samesite.html</a></p>

            </div>

            <!-- Post Comments -->
            
    <!-- 使用 DISQUS_CLICK -->
<div id="disqus-comment">
    <div id="disqus_thread"></div>

<!-- add animation -->
<style>
	.disqus_click_btn {
            line-height: 30px;
            margin: 0;
            min-width: 50px;
            padding: 0 14px;
            display: inline-block;
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            font-size: 14px;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 0;
            overflow: hidden;
            will-change: box-shadow;
            transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
            outline: 0;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            vertical-align: middle;
            border: 0;
            background: rgba(158, 158, 158, .2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
            color: #fff;
            background-color: #7EC0EE;
            text-shadow: 0
        }
</style>
	
<div class="btn_click_load" id="disqus_bt"> 
    <button class="disqus_click_btn">点击查看评论</button>
</div>

<!--
<script type="text/javascript">
$('.btn_click_load').click(function() {
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'http-miccall-tech'; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();

    document.getElementById('disqus_bt').style.display = "none";
});
</script>
-->
<script type="text/javascript">
    var disqus_config = function () {
        this.page.url = 'https://teohr.github.io/2020/08/17/chrome/';  // Replace PAGE_URL with your page's canonical URL variable
        this.page.identifier = 'https://teohr.github.io/2020/08/17/chrome/'; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
    };
</script>

<script type="text/javascript">
    $('.btn_click_load').click(function() {  //click to load comments
        (function() { // DON'T EDIT BELOW THIS LINE
            var d = document;
            var s = d.createElement('script');
            s.src = '//http-miccall-tech.disqus.com/embed.js';
            s.setAttribute('data-timestamp', + new Date());
            (d.head || d.body).appendChild(s);
        })();
        $('.btn_click_load').css('display','none');
    });
</script>
</div>
<style>
    #disqus-comment{
        background-color: #eee;
        padding: 2pc;
    }
</style>


        </div>
        <!-- Copyright 版权 start -->
                <div id="copyright">
            <ul>
                <li>Copyright &copy;2020JR</li>
            </ul>
            
                <span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>
			
        </div>
    </div>
</body>



 	
</html>
